<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',

  created() {
    // ===下面是解决刷新页面丢失vuex数据
    // 在页面加载时读取sessionStorage里的状态信息
    // if (sessionStorage.getItem("store")) {
    //   this.$store.replaceState(
    //     Object.assign(
    //       {},
    //       this.$store.state,
    //       JSON.parse(sessionStorage.getItem("store"))
    //     )
    //   );
    //   // 数据给store后清除SessionStorage中的内容
    //   sessionStorage.removeItem('store');
    //   // console.log(this.$store);
    // }

    // 在页面刷新时将vuex里的信息保存到sessionStorage里
    // window.addEventListener("beforeunload", () => {
    //   sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    // });
    // ===上面是解决刷新页面丢失vuex数据
  }
}
</script>
